<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		<div class="topcoat-navigation-bar" ng-controller="HomeCtrl">
		    <div class="topcoat-navigation-bar__item left quarter">
		        <a class="topcoat-icon-button--quiet" ng-click="slidePage('/','modal')">
		            <span class="topcoat-icon home-icon"></span>
		        </a>
		    </div>
		    <div class="topcoat-navigation-bar__item center half">
		        <h1 class="topcoat-navigation-bar__title">Register</h1>
		    </div>
		    <div class="topcoat-navigation-bar__item right quarter">
		        <a class="topcoat-icon-button--quiet" ng-click="changeSettings()">
		            <span class="topcoat-icon settings-icon"></span>
		        </a>
		    </div>
		</div>
		
		<div class="pad">
			<form>
		    <h3>Create Account</h3>
			    <table>
			    	<tr><td>Username</td><td><input type="text" id="uname" name="uname" ng-model="user.uname" placeholder="Username"></td></tr>
			    	<tr><td>Password</td><td><input type="text" id="pwq" name="pwq" ng-model="user.pwq" placeholder="Password"></td></tr>
			    	<tr><td>First Name</td><td><input type="text" id="fname" name="fname" ng-model="user.fname" placeholder="First name"></td></tr>
			    	<tr><td>Last Name</td><td><input type="text" id="lname" name="lname" ng-model="user.lname" placeholder="Last Name"></td></tr>
			    	<tr><td>House No</td><td><input type="text" id="hno" name="hno" ng-model="user.hno" placeholder="House No"></td></tr>
			    	<tr><td>Street</td><td><input type="text" id="str" name="str" ng-model="user.str" placeholder="Street"></td></tr>
			    	<tr><td>City</td><td><input type="text" id="city" name="city" ng-model="user.city" placeholder="City"></td></tr>
			    	<tr><td>Postcode</td><td><input type="text" id="postcode" name="postcode" ng-model="user.postcode" placeholder="Postcode"></td></tr>
			    	<tr><td>DOB</td><td><input type="text" id="dob" name="dob" ng-model="user.dob" placeholder="Date of Birth"></td></tr>
			    	<tr><td>Email</td><td><input type="text" id="email" name="email" ng-model="user.email" placeholder="Email"></td></tr>    	
			    </table>
			    <button class="btn btn-primary">Register</button>
			</form>
		</div>
		<ng-include src="'partials/settingsOverlay.html'"></ng-include>
	</body>
</html>